<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>操作当当购物车页面</title>
    <link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
    <script type="text/javascript">
    	function showBuy(){
    		var d=document.getElementById("cartList");
    		 
    		var d2=d.getElementsByTagName("ul");
    		 
    		
    		//for(var i in d.childNodes){
    		//	alert(d.childNodes[i].nodeName+":"+d.childNodes[i].nodeType+":"+d.childNodes[i].nodeValue);
    		//}
    	}
    	function delProd(t){
    		var u=t.parentNode.parentNode;//ul
    		u.remove();
    		//document.getElementById("cartList").removeChild(u);
    	}
    </script>
</head>
<body>

<div class="content">
    <div class="logo">
        <img src="images/dd_logo.jpg"><span onclick="close_plan();">关闭</span>
    </div>
    <div class="cartList" id="cartList">
        <ul>
            <li>商品图片</li>
            <li>商品信息</li>
            <li>单价</li>
            <li>数量</li>
            <li>总价</li>
            <li>操作</li>
        </ul>
        <ul>
            <li><img src="images/dog.jpg"></li>
            <li>我和狗狗活下来了</li>
            <li>¥<input type="text" name="price" value="21.90"></li>
            <li><input type="button" name="minus" value="-" onclick="minus(0);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(0);"></li>
            <li id="price0">¥21.90</li>
            <li><p  onclick="collection();">移入收藏</p><p style="cursor: pointer;" onclick="delProd(this)">删除</p></li>
        </ul>
        <ul>
            <li><img src="images/mai.jpg"></li>
            <li>灰霾来了怎么办</li>
            <li>¥<input type="text" name="price" value="24.00"></li>
            <li><input type="button" name="minus" value="-" onclick="minus(1);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(1);"></li>
            <li id="price1">¥24.00</li>
            <li><p  onclick="collection();">移入收藏</p><p  style="cursor: pointer;" onclick="delProd(this)">删除</p></li>
        </ul>
        <ul>
            <li><img src="../../img/dog.jpg" height="50px" width="100px"></li>
            <li>野狼</li>
            <li>¥<input type="text" name="price" value="2400"></li>
            <li><input type="button" name="minus" value="-" onclick="minus(1);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(1);"></li>
            <li id="price1">¥2400</li>
            <li><p  onclick="collection();">移入收藏</p><p  style="cursor: pointer;" onclick="delProd(this)">删除</p></li>
        </ul>
        <ul>
            <li><img src="../../img/dog2.jpg" height="40px" width="100px"></li>
            <li>野生奥特曼</li>
            <li>¥<input type="text" name="price" value="19999990"></li>
            <li><input type="button" name="minus" value="-" onclick="minus(1);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(1);"></li>
            <li id="price1">¥19999990</li>
            <li><p  onclick="collection();">移入收藏</p><p  style="cursor: pointer;" onclick="delProd(this)">删除</p></li>
        </ul>
        <ol>
            <li id="totalPrice">商品总计：<span></span></li>
            <li><span onclick="showBuy()">结 算</span></li>
        </ol>
    </div>
    <p style="border: 1px solid red;" id="result"></p>
</div>
<script type="text/javascript" src="js/shopping.js"></script>
</body>
</html>